<!--
  @author wangjie
  @since 2020-03-25
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<style>
    .title-border {
        display: inline-block;
        border-left: 3px solid #009688;
        height: 1em;
        margin-right: 10px;
    }

    .content-header {
        color: #333;
    }

    .content-body {
        color: #888888;
        font-size: .9em;
    }

    /* 第一行 */
    .first-row > div {
        min-height: 440px;
    }

    .news-item {
        border-bottom: 5px solid white;
        padding: 10px 0;
    }

    .news-item:last-child {
        border: none;
    }

    .news-red {
        color: red;
    }

    /* 第2行 */
    .second-row > div {
        min-height: 380px;
    }


</style>
<head th:include="common/common::jscss"/>

<body>
<div class="layui-fluid" style="background-color: white">
    <div class="layui-card" style="margin-top: -5px;margin-bottom: -5px">
        <div id="remindTip">
            <div style="background-color: #f2f2f2;margin-left: -10px;margin-right: -10px" class="news-item" th:each="item:${items}" >
                <div class="layui-form-item" style="margin-bottom: 0px !important; margin-left: 10px">
                    <label th:onclick="toLandingPage([[${item.id}]], [[${item.linkUrl}]], [[${item.linkName}]])" style="font-weight: bold;cursor:pointer" th:text="${item.linkName}" ></label>
                    <a th:onclick="loadRemind([[${item.id}]]);" class="layui-input-inline layui-input-line-width" style="float: right;cursor: pointer;;margin-bottom: 0px !important;">×</a>
                </div>
                <div class="layui-form-item" style="margin-bottom: 0px !important;margin-left: 10px">
                    <label style="cursor:pointer" th:onclick="toLandingPage([[${item.id}]], [[${item.linkUrl}]], [[${item.linkName}]])" th:text="${#strings.length(item.content) > 40 ? #strings.substring(item.content, 0, 39) + '... >>': item.content + ' >>'}" ></label>
                    <div class="layui-input-inline layui-input-line-width" style="float: right;margin-bottom: 0px !important;"
                         th:text="${T(com.zmn.common.utils.date.DateUtil).toString(item.createTime)}"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>

<!--主js代码置于html外-->
<script type="text/javascript" th:inline="javascript">

    let json = {
        staffId: [[${staffId}]]
    };
    layui.config({
        base: "/static/lay/",
        version: 20200321120021
    }).extend({
        index: "lib/index",
        push_inner_remind: "push/inner/zmn.push.inner.remind",
    }).use(['index', 'push_inner_remind']);
</script>
